<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7"><![endif]-->
<!--[if IE 8]>
<html class="ie ie8"><![endif]-->
<!--[if IE 9]>
<html class="ie ie9"><![endif]-->
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:v-bind="http://www.w3.org/1999/xhtml" lang="ch">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="author" content="Nghia Minh Luong">
<meta name="keywords" content="Default Description">
<meta name="description" content="Default keyword">
<title>校园合租</title>
<!-- Fonts-->
<link rel="stylesheet" th:href="@{/static/css/fontsgoogleapis.css}">
<link rel="stylesheet"
	th:href="@{/static/plugins/font-awesome/css/font-awesome.min.css}">
<link rel="stylesheet" th:href="@{/static/plugins/ps-icon/style.css}">
<!-- CSS Library-->
<link rel="stylesheet"
	th:href="@{/static/plugins/bootstrap/dist/css/bootstrap.min.css}">
<link rel="stylesheet"
	th:href="@{/static/plugins/owl-carousel/assets/owl.carousel.css}">
<link rel="stylesheet"
	th:href="@{/static/plugins/slick/slick/slick.css}">
<link rel="stylesheet"
	th:href="@{/static/plugins/bootstrap-select/dist/css/bootstrap-select.min.css}">
<link rel="stylesheet"
	th:href="@{/static/plugins/Magnific-Popup/dist/magnific-popup.css}">
<link rel="stylesheet"
	th:href="@{/static/plugins/jquery-ui/jquery-ui.min.css}">
<link rel="stylesheet"
	th:href="@{/static/plugins/revolution/css/settings.css}">
<link rel="stylesheet"
	th:href="@{/static/plugins/revolution/css/layers.css}">
<link rel="stylesheet"
	th:href="@{/static/plugins/revolution/css/navigation.css}">
<!-- Custom-->
<link rel="stylesheet" th:href="@{/static/layui/css/layui.css}"
	media="all">
<link rel="stylesheet" th:href="@{/static/css/style.css}">

<link rel="stylesheet" th:href="@{/static/css/rent.css}">


<script type="text/javascript" th:src="@{/static/js/vue.js}"></script>
<script type="text/javascript"
	th:src="@{/static/plugins/jquery/dist/jquery.min.js}"></script>
<!--HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries-->
<!--WARNING: Respond.js doesn't work if you view the page via file://-->
<!--[if lt IE 9]>
    <script th:src="@{/static/js/html5shiv.js}"></script>
    <script th:src="@{/static/js/respond.min.js}"></script>
    <![endif]-->
<script th:inline="javascript">
        var basePath = [[${#httpServletRequest.getScheme() + "://" + #httpServletRequest.getServerName() + ":" + #httpServletRequest.getServerPort() + #httpServletRequest.getContextPath()}]];
    </script>
</head>

<body class="ps-loading" >
	<div class="header--sidebar"></div>
	<header class="header">
		<div th:include="~{index :: myheader}"></div>
	</header>
	<div class="header-services">
		<div th:include="~{index :: myhdservices}"></div>
	</div>
<a href="/rentCar"><button class="back" value="返回">返回</button></a>
<div id="houselist">
	<div class="hezu" v-for="house in houses" >
		<ul class="house-list">
			<li>
				<div class="img-list">
					<a href="/html/rc-detail" target="_blank"> 
					  <img alt="合租" th:src="@{/static/images/background/rent.jpg}">
					</a>
					<span class="ax-tip">安选</span>
				</div>
         
         <div class="des">
					<h2>
						<a href="" class="strongbox" target="_blank"> {{house.type}} | {{house.site}} {{house.housetype}}
						</a>
					</h2>
					<p class="room">{{house.amount}}室 &nbsp;&nbsp;&nbsp;&nbsp;{{house.area}}㎡</p>
					<p class="infor">
						<a href="">{{house.road}}</a> &nbsp;&nbsp; <a href="" target="_blank">{{house.site}}</a>
					</p>
					<p class="geren">
						<span>来自{{house.resource}}</span>
					</p>
				</div>

                <div class="list-li-right">
					<div class="money">
						<b class="strongbox">{{house.price}}</b>元/月
					</div>
				</div>

			</li>
		</ul>
	</div>

	<!-- 翻页 -->
	<div id="layuipage" style="margin-right: 20px">
		<div class="layui-box layui-laypage layui-laypage-default"
			id="layui-laypage-1">
			<span class="layui-laypage-count">共 19 条</span> <a
				href="javascript:;" class="layui-laypage-prev layui-disabled"
				data-page="0">上一页</a> <span class="layui-laypage-curr"><em
				class="layui-laypage-em"></em><em>1</em></span><a href="javascript:;"
				data-page="2">2</a><a href="javascript:;" class="layui-laypage-next"
				data-page="2">下一页</a>
		</div>
	</div>
</div>
	<!-- JS Library-->
	<script type="text/javascript"
		th:src="@{/static/plugins/bootstrap/dist/js/bootstrap.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/jquery-bar-rating/dist/jquery.barrating.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/owl-carousel/owl.carousel.min.js}"></script>
	<script type="text/javascript" th:src="@{/static/plugins/gmap3.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/imagesloaded.pkgd.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/isotope.pkgd.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/bootstrap-select/dist/js/bootstrap-select.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/jquery.matchHeight-min.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/slick/slick/slick.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/elevatezoom/jquery.elevatezoom.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/Magnific-Popup/dist/jquery.magnific-popup.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/jquery-ui/jquery-ui.min.js}"></script>
	<script type="text/javascript" th:src="@{/static/js/ditugoogle.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/revolution/js/jquery.themepunch.tools.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/revolution/js/jquery.themepunch.revolution.min.js}"></script>
	<script type="text/javascript" th:src="@{/static/layui/layui.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/revolution/js/extensions/revolution.extension.video.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/revolution/js/extensions/revolution.extension.slideanims.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/revolution/js/extensions/revolution.extension.layeranimation.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/revolution/js/extensions/revolution.extension.navigation.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/revolution/js/extensions/revolution.extension.parallax.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/revolution/js/extensions/revolution.extension.actions.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/revolution/js/extensions/revolution.extension.kenburn.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/plugins/revolution/js/extensions/revolution.extension.migration.min.js}"></script>
	<!-- Custom scripts-->
	<script type="text/javascript" th:src="@{/static/js/main.js}"></script>
	<script type="text/javascript"
		th:src="@{/static/js/rent.js}"></script>
</body>
</html>
